<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link href="https://cdn.staticfile.org/normalize/7.0.0/normalize.min.css" rel="stylesheet">
    <link href="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet">
    <link href="https://cdn.bootcdn.net/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet">
    <script src="https://cdn.bootcdn.net/ajax/libs/vue/2.6.9/vue.min.js"></script>
    <script src="https://cdn.bootcdn.net/ajax/libs/jquery/2.2.4/jquery.min.js"></script>
    <link rel="stylesheet" href="./css/pageVideo.css">
</head>
<body>
    <nav class="navbar navbar-inverse navbar-fixed-top runoob-header" role="navigation">
        <div class="container">
            <div class="navbar-header">
                <a class="navbar-brand runoob-title" href="/">xxxx</a>
            </div>
            <!-- Collect the nav links, forms, and other content for toggling -->

            <div class="collapse navbar-collapse">
                <div class="col-sm-3 col-md-3">
                    <form class="navbar-form" role="search" action="/index.php" method="get">
                        <div class="input-group">
                            <input type="text" class="form-control" name="s" value="" placeholder="输入关键字……">
                            <div class="input-group-btn">
                                <button class="btn btn-default" type="submit"><i
                                        class="glyphicon glyphicon-search"></i></button>
                            </div>
                        </div>
                    </form>
                </div>
            </div>
            <!-- /.navbar-collapse -->
        </div>
        <!-- /.container -->
    </nav>
    <div class="container">
        <div class="row list-row">

            <div class="col-md-12">
                <h3 class="page-header"><i class="fa fa-list"></i>
                    视频中心 </h3>
            </div>
            <div class="col-md-12">
                <div class="col-md-3 list-tool">
                    <div class="media">
                        <a class="pull-left" href="https://c.runoob.com/compile/1">
                            <img width="128" height="128" src="https://c.runoob.com/wp-content/uploads/2016/01/php.png"
                                class="attachment-post-thumbnail size-post-thumbnail wp-post-image" alt=""
                                loading="lazy">
                        </a>
                        <div class="media-body">
                            <h4 class="media-heading clearfix" style="width:152px"><a
                                    href="https://c.runoob.com/compile/1">PHP </a></h4>
                            <span>在线编译、运行 PHP 代码</span>
                        </div>
                    </div>
                </div>

                <div class="col-md-3 list-tool">
                    <div class="media">
                        <a class="pull-left" href="https://c.runoob.com/compile/6">

                            <img width="128" height="128"
                                src="https://c.runoob.com/wp-content/uploads/2016/01/python.png"
                                class="attachment-post-thumbnail size-post-thumbnail wp-post-image" alt=""
                                loading="lazy">


                        </a>
                        <div class="media-body">
                            <h4 class="media-heading clearfix" style="width:152px"><a
                                    href="https://c.runoob.com/compile/6">Python </a></h4>
                            <span>在线编译、运行 Python 代码</span>
                        </div>
                    </div>
                </div>

                <div class="col-md-3 list-tool">
                    <div class="media">
                        <a class="pull-left" href="https://c.runoob.com/compile/9">

                            <img width="128" height="128"
                                src="https://c.runoob.com/wp-content/uploads/2016/01/python.png"
                                class="attachment-post-thumbnail size-post-thumbnail wp-post-image" alt=""
                                loading="lazy">


                        </a>
                        <div class="media-body">
                            <h4 class="media-heading clearfix" style="width:152px"><a
                                    href="https://c.runoob.com/compile/9">Python3 </a></h4>
                            <span>在线编译、运行 Python 代码</span>
                        </div>
                    </div>
                </div>

                <div class="col-md-3 list-tool">
                    <div class="media">
                        <a class="pull-left" href="https://c.runoob.com/compile/10">

                            <img width="128" height="128" src="https://c.runoob.com/wp-content/uploads/2016/01/java.png"
                                class="attachment-post-thumbnail size-post-thumbnail wp-post-image" alt=""
                                loading="lazy">


                        </a>
                        <div class="media-body">
                            <h4 class="media-heading clearfix" style="width:152px"><a
                                    href="https://c.runoob.com/compile/10">Java </a></h4>
                            <span>在线编译、运行 Java 代码</span>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-md-12">
                <div class="col-md-3 list-tool">
                    <div class="media">
                        <a class="pull-left" href="https://c.runoob.com/compile/11">

                            <img width="128" height="128" src="https://c.runoob.com/wp-content/uploads/2016/01/c.png"
                                class="attachment-post-thumbnail size-post-thumbnail wp-post-image" alt=""
                                loading="lazy">


                        </a>
                        <div class="media-body">
                            <h4 class="media-heading clearfix" style="width:152px"><a
                                    href="https://c.runoob.com/compile/11">C </a></h4>
                            <span>在线编译、运行 C 语言代码</span>
                        </div>
                    </div>
                </div>

                <div class="col-md-3 list-tool">
                    <div class="media">
                        <a class="pull-left" href="https://c.runoob.com/compile/12">

                            <img width="128" height="128" src="https://c.runoob.com/wp-content/uploads/2016/01/cpp.png"
                                class="attachment-post-thumbnail size-post-thumbnail wp-post-image" alt=""
                                loading="lazy">


                        </a>
                        <div class="media-body">
                            <h4 class="media-heading clearfix" style="width:152px"><a
                                    href="https://c.runoob.com/compile/12">C++ </a></h4>
                            <span>在线编译、运行 C++ 代码</span>
                        </div>
                    </div>
                </div>

                <div class="col-md-3 list-tool">
                    <div class="media">
                        <a class="pull-left" href="https://c.runoob.com/compile/13">

                            <img width="128" height="128" src="https://c.runoob.com/wp-content/uploads/2016/01/ruby.png"
                                class="attachment-post-thumbnail size-post-thumbnail wp-post-image" alt=""
                                loading="lazy">


                        </a>
                        <div class="media-body">
                            <h4 class="media-heading clearfix" style="width:152px"><a
                                    href="https://c.runoob.com/compile/13">Ruby </a></h4>
                            <span>在线编译、运行 Ruby 代码</span>
                        </div>
                    </div>
                </div>

                <div class="col-md-3 list-tool">
                    <div class="media">
                        <a class="pull-left" href="https://c.runoob.com/compile/14">

                            <img width="128" height="128"
                                src="https://c.runoob.com/wp-content/uploads/2016/01/csharp.png"
                                class="attachment-post-thumbnail size-post-thumbnail wp-post-image" alt=""
                                loading="lazy">


                        </a>
                        <div class="media-body">
                            <h4 class="media-heading clearfix" style="width:152px"><a
                                    href="https://c.runoob.com/compile/14">C# </a></h4>
                            <span>在线编译、运行 C# 代码</span>
                        </div>
                    </div>
                </div>
            </div>
        </div>



        <!-- /.row -->
        <br>
        <hr>
        @@include('./common/footer.html')
    </div>
</body>

</html>